﻿body{ font:12px/1.5 arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#2f2f2f;}

/*链接整体设置*/
a{ text-decoration:none; color:#2f2f2f; transition:all .15s;}
a:hover{ color:#a21212;}
a:active{ color:#2f2f2f;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"arial"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1500px; width:92%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0; background:#fff;}
.pic_w a{ display:block;}
@font-face{ font-family:impact;src:url('../images/impact.ttf'); /* IE9+ */}

/*header*********************************************************************/
.head{ position:relative; height:85px; transition:all linear .2s; z-index:55;}
.head-fixed{ width:100%; height:85px; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; z-index:10; transition:all linear .2s;}
.head-fixed .w{ position:relative; z-index:55; max-width:inherit; width:90.625%;}
.logo{ width:200px;}
.logo img{ height:42px;}
.nav { width: 80%; padding-right: 430px; position: relative; line-height: 100%;}
.nav .plebans{ font-size:16px; line-height:85px; position:relative;}
.nav .plebans a{ display:inline; transition:all .5s;}
.nav li{ position:relative;}
.nav li em{ display:none;}
.nav li .jd{ display:inline-block; margin:0 0 0 7px; position:relative; top:-2px; background:url(../images/point1.png) 0 0 no-repeat; background-size:100%; width:9px; height:5px;}
.nav_bg{ display:none;}
.nav li .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; border-bottom:4px solid #a21212; transition:all .5s linear;}
.nav li.hover .plebans a{ color:#a21212; font-weight:bold;}
.nav li.hover .plebans:after{ left:0; right:0;}
.goutp{ display:none; position:absolute; top:100%; left:50%; width:100px; margin-left:-50px; border-radius:0 0 5px 5px; z-index:10; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.nav li:nth-child(4) .goutp{ width:200px; margin-left:-100px;}
.goutp p{ font-size:15px; line-height:2.6;}
.goutp p a{ display:block; color:#333;}
.goutp p a:hover{ color:rgba(0,0,0,.8); background:rgba(0,0,0,.05);}
.h_tell{ position:absolute; right:230px; top:50%; line-height:30px; font-size:18px; margin-top:-15px; font-size:20px; font-family:"impact"; padding-left:30px;}
.h_tell:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-13px; width:22px; height:26px; background:url(../images/tell.png) 0 0 no-repeat; background-size:100%;}
.h_language{ position:absolute; right:173px; top:50%; line-height:30px; font-size:18px; margin-top:-15px; font-size:20px; font-family:"impact"; padding-left:30px;}
.search{ position:absolute; right:0; top:50%; height:35px; margin-top:-17.5px; z-index:3;}
.s_intxt{ width:155px; font-size:14px; line-height:33px; background:#f7f7f7; padding:0 15px; border:1px solid #dadada; border-radius:1000px;}
.s_inbut{ background:url(../images/search.png) 0 0 no-repeat; background-size:100%; width:16px; height:16px; position:absolute; right:15px; top:50%; margin-top:-8px; border:none; cursor:pointer; font-size:0; overflow:hidden;}

.sanh{ width:75px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#a21212;}
.tesd>div{ background-color:#fff!important;}
/*.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}*/

.banner{ position:relative; z-index:5; overflow:hidden;}
.banner .swiper-slide{ background:#111822;}
.banner .swiper-slide img{ width:100%; display:block; filter:alpha(opacity=.68); opacity:.68;}
.banner .swiper-slide .txt{ position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%);}
.banner .swiper-slide .txt img{ width:52.8125%; filter:alpha(opacity=1); opacity:1; margin:0 auto;}
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:.7; margin:0 10px!important; border-radius:12px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#a21212; width:50px;}

.con1{ background:url(../images/bg1.jpg) center top no-repeat; background-size:cover; padding:60px 0 0 0;}
.con1_pro{ padding:120px 0;}
.con1_pro .txt{ width:43.5%;}
.con1_pro .txt h3{ font-size:48px; font-weight:bold; line-height:1.23;}
.con1_pro .txt h3 em{ display:block; font-size:36px; color:#747474; line-height:1.277777777777778;}
.con1_pro .txt .txtc{ font-size:14px; line-height:1.714285714285714; margin:30px 0 55px 0;}
.con1_pro .txt a{ color:#fff; font-size:14px; font-weight:bold; background:#a21212; border-radius:2px; display:inline-block; padding:0 45px; line-height:3.714285714285714;}
.con1_pro .txt a:hover{ opacity:.9;}
.con1_pro .pic{ width:50%;}
.con1_pro .clear{ width:100%;}
.con1_pro .pic img{ display:block; margin:0 auto; max-width:100%; max-height:100%;}

.con2{ position:relative;}
.con2 .w{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
.con2_lf{ width:50%;}
.con2_txt{ color:#fff; width:36%; float:left;}
.con2_txt h3{ font-weight:bold; font-size:48px; line-height:1.15; margin-bottom:15px;}
.con2_txt h4{ font-weight:bold; font-size:30px; line-height:1.2;}
.con2_txt h4 em{ display:block;}
.con2_txt .txt{font-size:14px; line-height:1.714285714285714; margin:50px 0 60px 0;}
.con2_txt a{ color:#a21212; font-size:14px; font-weight:bold; background:#fff; border-radius:2px; display:inline-block; padding:0 45px; line-height:3.714285714285714;}
.con2_txt a:hover{ opacity:.9;}
.con2_rt{ width:50%; position:relative; z-index:3;}
.con2_rt img{ margin-bottom:7%;}
.con2_rt .ab_infor{ pointer-events:none;}

.con3{ padding:150px 0 140px 0; overflow:hidden;}
.tit3 p{ font-size:14px; color:#535353; line-height:2.214285714285714;}
.tit3 em{ display:block; font-weight:bold; font-size:48px; color:#a21212; line-height:1.395833333333333;}
.news_list{ width:108.7%;}
.news_list li{ margin:5.8% 3.973509933774834% 0 0; padding-right:3.973509933774834%; width:29.3598233995585%; border-right:1px solid #dcdcdc;}
.news_list li .time{ line-height:1; font-size:16px; color:#5a5a5a; padding-left:20px; position:relative;}
.news_list li .time:before{ content:""; display:block; position:absolute; left:0; top:50%; margin-top:-8px; width:15px; height:16px; font-size:0; overflow:hidden; background:url(../images/time.png) 0 0 no-repeat; background-size:100%;}
.news_list li .txt{ margin:25px 0 30px 0; height:100px; overflow:hidden;}
.news_list li h3{ font-size:24px; color:#393939; line-height:29px; margin:0 0 13px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list li p{ font-size:16px; color:#5a5a5a; line-height:29px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list li .more{ display:inline-block; color:#fff; border-radius:1000px; background:#a21212; font-size:14px; line-height:2.285714285714286; padding:0 34px;}
.news_list li .more:hover{ background:#ff0101;}
.news_list li .pic{ margin-top:35px;}

.i_newsc{ margin-right:-3.973509933774834%;}

.nyban{ width:100%; position:relative;}
.nyban .txt{ position:absolute; left:0; right:0; top:50%; transform:translate(0,-50%); text-align:center;}
.nyban .txt img{ height:46px; width:auto; margin:0 auto;}
.nyban .txt p{ color:#fff; font-size:16px; line-height:1.125; margin-top:20px;}

.com_w{ padding:4.635761589403974% 0 5.298013245033113% 0;}
.com_w .tit3{ text-align:center;}

.news_lf{ border-right:1px solid #efefef; padding-right:3%; width:73%;}
.news_dt_tit{ border-bottom:4px solid #eee; padding:0 0 15px 0;}
.news_dt_tit h3{ font-size:32px; font-weight:bold; color:#000; line-height:1.625;}
.news_dt_tit p{ font-size:14px; color:#a0a0a0; line-height:1.714285714285714; margin-top:10px;}
.news_dt_tit p em{ padding-right:10px;}
.news_txt{ padding:10px 0 0 0;}
.news_txt p{ font-size:16px; text-indent:2em; line-height:1.875; margin:1em 0;}
.news_txt img{ display:block; margin:1.5em auto; max-width:100%;}
.news_rt{ padding-left:3%; width:27%;}
.news_rt .tit{ font-size:18px; color:#000; margin-bottom:20px; line-height:1.35;}
.news_rt ul li{ margin-top:25px; width:100%;}
.news_rt ul li:nth-child(1){ margin-top:0;}
.news_rt ul li a{ display:block;}
.news_rt ul li p{ font-size:14px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; margin:15px 0 5px 0; line-height:1.715;}
.news_rt ul li em{ display:block; font-size:14px; color:#c5c5c5; line-height:1.715;}

.up_down{ padding:45px 0 0 0;}
.up_down li{ padding:0 20px;}
.up_down li a{ color:#333; background:#f9f9f9; border:1px solid #ccc; border-radius:1000px; line-height:2.25; font-size:16px; display:inline-block; padding:0 30px;}
.up_down li a:hover{ background:#da0909; border-color:#da0909; color:#fff;}

.titc{ position:relative; text-align:center;}
.titc em{ display:block; font-size:36px; color:#3c3c3c; line-height:1.222222222222222; font-weight:bold;}
.titc span{ display:block; font-size:16px; margin-top:5px; color:#7e7e7e; text-transform:uppercase; line-height:1.5;}

.con_infor{ padding:60px 0 0 0;}
.con_infor li{ text-align:center; width:20%;}
.con_infor li i{ display:block; width:59px; margin:0 auto 12px auto; height:59px; border-radius:50%; background:#a8a8a8; position:relative; transition:all linear 0.6s;}
.con_infor li i:after{ content:""; display:block; position:absolute; left:50%; top:50%; font-size:0; overflow:hidden; width:35px; margin:-17.5px 0 0 -17.5px; height:35px; background:url(../images/ico5.png) no-repeat;}
.con_infor li i.i1:after{ background-position:0 0;}
.con_infor li i.i2:after{ background-position:0 -35px;}
.con_infor li i.i3:after{ background-position:0 -70px;}
.con_infor li i.i4:after{ background-position:0 -105px;}
.con_infor li i.i5:after{ background-position:0 -140px;}
.con_infor li.hover i{ background:#a21212;}
.con_infor li em{ display:block; font-size:18px; line-height:1.666666666666667;}
.con_infor li span{ display:block; text-transform:uppercase; color:#c9c9c9; line-height:1.25;}
.con_infor li p{ font-size:14px; color:#787878; line-height:1.715; margin-top:7px;}

.my-map{ width:100%; height:440px; margin:50px 0 80px 0;}
.my-map .icon{ background:url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;}
.my-map .icon-cir{ height:31px; width:28px;}
.my-map .icon-cir-red{ background-position:-11px -5px;}
.amap-logo,.amap-copyright,.amap-scalecontrol,.amap-overviewcontrol,.amap-toolbar{ display:none!important;}
.amap-container{height:100%;}
.myinfowindow{width:240px;min-height:50px;}
.myinfowindow h5{ height:20px; line-height:20px; overflow:hidden; font-size:14px; font-weight:bold; width:220px; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.myinfowindow div{ margin-top:10px; min-height:40px; line-height:20px; font-size:13px; color:#6f6f6f;}
.c_mes_form{ padding:20px 0 0 0;}
.c_mes_form li{ width:49.5%; margin-top:5px;}
.c_mes_form li em{ display:block; font-size:16px; line-height:2.5;}
.c_mes_form li.big{ width:100%;}
.c_intxt{ resize:none; font-size:14px; border-radius:5px; border:1px solid #ddd; padding:10px 15px; line-height:1.785714285714286; width:100%; display:block; transition:all linear 0.6s;}
.c_intxt:focus{ border-color:#a21212;}
.c_inbut{ background:#a21212; color:#fff; display:block; margin-top:15px; border-radius:5px; width:150px; line-height:2.555555555555556; border:none; cursor:pointer; font-size:18px; font-weight:bold; text-align:center; transition:all linear 0.6s;}
.c_inbut:hover{ opacity:.9;}

.location{ border-bottom:1px solid #e5e5e5; line-height:82px;}
.location em{ position:relative; font-size:16px;}
.location em:before{ content:""; display:block; position:absolute; left:0; top:50%; font-size:0; overflow:hidden; width:1px; margin-top:-9px; height:18px; background:#d5d5d5;}
.location em a{ color:#656464; padding:0 45px; position:relative;}
.location em a.cur,.location em a:hover{ font-weight:bold; color:#ff0202;}
.location em a:after{ content:""; display:block; position:absolute; right:0; top:50%; font-size:0; overflow:hidden; width:1px; margin-top:-9px; height:18px; background:#d5d5d5;}
.location span{ font-size:14px; color:#777;}
.location span a{ color:#777; margin:0 5px;}
.location span font{ color:#bb1313; padding-left:5px;}

.history_w{ padding-top:4.635761589403974%;}
.history ul{ position:relative; padding:80px 0 70px 0; margin-top:35px;}
.history ul:before{ content:""; display:block; position:absolute; top:0; left:50%; margin-left:-11.5px; width:23px; height:40px; font-size:0; overflow:hidden; background:url(../images/point2.png) 0 0 no-repeat; background-size:100%; z-index:3;}
.history ul:after{ content:""; display:block; position:absolute; top:0; bottom:0; left:50%; margin-left:-.5px; width:1px; font-size:0; overflow:hidden; background:#bebebe; z-index:2;}
.history ul li{ width:100%; padding:0 calc(50% + 50px) 0 2.5%; text-align:right;}
.history ul li .time{ color:#a21212; font-size:36px; line-height:42px; margin-bottom:5px; height:42px; position:relative; font-weight:bold; font-family:"impact";}
.history ul li .time:before{ content:""; display:block; position:absolute; right:-58px; top:50%; width:8px; height:8px; border-radius:50%; transform:translate(0,-50%); border:4px solid #a21212; background:#fff; font-size:0; overflow:hidden; z-index:5;}
.history ul li .txt{ font-size:16px; color:#2b2b2b; line-height:1.5; width:59.55%;}
.history ul li .txt .clear{ width:100%; text-align:left;}
.history ul li .txt p{ margin-bottom:25px;}
.history ul li .txt p:last-child{ margin-bottom:0;}
.history ul li .pic{ width:36.85%; display:inline-block; margin-right:3.6%;}
.history ul li .pic img{ width:100%; display:block;}
.history ul li:nth-child(2n+1){ text-align:left; padding:0 2.5% 0 calc(50% + 50px);}
.history ul li:nth-child(2n+1) .time:before{ left:-58px;}
.history ul li:nth-child(2n) .comflex{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.history ul li:nth-child(2n) .pic{ margin:0 0 0 3.6%;}

.honer_w{ padding:20px 0 40px 0;}
.honer{ height:580px; margin:40px 0;}
.honer .swiper-slide{ height:calc((100% - 40px) / 2); display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow:hidden;}
.com_txt p{ font-size:16px; color:#383838; text-align:center; line-height:25px; margin-top:20px;}
.zs_list{ margin-top:40px;}
#zoom{ z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content{ z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-10px 10px 10px rgba(0, 0, 0, 0.3); border-radius:4px;}
#zoom .content.loading{ background-image:url('../images/loading.gif');}
#zoom img{ display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,0.25); border-radius:4px;}
#zoom .close{ z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url('../images/close4.png') no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .previous,
#zoom .next{ z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous{ left:0; background:url('../images/arrows.png') no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next{ right:0; background:url('../images/arrows.png') no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .close:hover,
#zoom .previous:hover,
#zoom .next:hover{ background-color:#0054a3;}
#zoom p{ text-align:center; color:#fff; font-size:16px; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99992; line-height:2; padding:10px 0;}

.ab_w{ padding-bottom:4.635761589403974%; overflow:hidden;}
.ab_txt{ padding:45px 0 15px 0;}
.ab_txt h3{ font-weight:bold; line-height:1.111111111111111; color:#bb1313; font-size:36px;}
.ab_txt p{ font-size:16px; line-height:1.625; color:#555; margin-top:25px;}
.ab_pic li{ width:49%; margin-top:2%;}
.ab_infor{ padding:70px 2.3% 30px 2.3%; text-align:center;}
.ab_infor li em{ display:inline-block; position:relative; line-height:50px; height:50px;}
.ab_infor li span{ font-weight:bold; font-size:45px; color:#a21212;}
.ab_infor li em i{ position:absolute; right:-25px; top:8px; font-size:18px; line-height:1;}
.ab_infor li:last-child em i{ right:-15px;}
.ab_infor li p{ font-size:18px; font-weight:bold; line-height:25px;}
.e_list{ margin-top:40px;}

.pro_sider{ width:calc(100% + 20px); padding-top:20px;}
.pro_sider li{ height: 89px; width:calc(20% - 20px); margin:20px 20px 0 0; border:1px solid #d2d2d2; border-radius:5px; padding:5px; background:#fff;}
.pro_sider li .pic{ width:44.755%; float: left;}
.pro_sider li .pic img{ display:block; max-width:100px;}
.pro_sider li .txt{ width:55.245%; line-height:18px;}
.pro_sider li .txt .clear{ width:100%; text-align:left;}
.pro_sider li .txt em{ display:block; font-weight:bold; font-size:16px;}
.pro_sider li .txt p{ font-size:14px; color:#626262;}
.pro_sider li.swiper-slide-thumb-active{ border-left:6px solid #a21212; padding-left:0; border-radius:0 5px 5px 0;}
.com_w .con1_tab .swiper-button-next:after,.com_w .con1_tab .swiper-button-prev:after{ color:#a21212;}

.pro_list{ width:103.311258278145695%;}
.pro_list li{ text-align:center; margin:45px 3.311258278145695% 0 0; width:30.02207505518763%;}
.pro_list li .pic{ box-shadow:0 0 18px rgba(237,237,237,.6);}
.pro_list li h3{ font-size:16px; line-height:1.875; margin:15px 0 10px 0;}
.pro_list li .pro_more{ display:inline-block; margin:0 auto; border-radius:1000px; border:1px solid #c6c6c6; font-size:16px; color:#5a5a5a; line-height:1.75; padding:0 30px;}
.pro_list li.hover .pro_more{ color:#fff; background:#a21212; border-color:#a21212;}

.pro_lac{ line-height:32px; margin-bottom:42px;}
.pro_lac a{ border-radius:1000px; color:#fff; background:#a21212; font-size:12px; padding:0 15px; margin-right:20px;}
.pro_lac em{ font-size:30px; color:#363434;}
.pro_con1{ padding:0 0 90px 0;}
.pro_con1:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.pro_img{ width:68.5%; float:left; position:relative; display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pro_img .pro_big{ width:calc(100% - 20% - 92px);}
.pro_img .pic{ position:absolute; left:0; right:0; bottom:0; top:0;}
.pro_img img{ max-width:100%; max-height:100%; display:block; margin:0 auto;}
.pro_small{ width:92px; height:398px; margin:40px 0;}
.pro_small .swiper-slide{ border:1px solid #ededed;}
.pro_small .swiper-slide-thumb-active{ border-color:#a21212;}
.pro_img .swiper-button-next,.pro_img .swiper-button-prev{ background:#8c8c8c; color:#fff; width:30px; height:92px; margin-top:0; top:-31px; left:31px; right:inherit; transition:all 0.6s;}
.pro_img .swiper-button-prev{ transform:rotate(90deg);}
.pro_img .swiper-button-next{ bottom:-31px; top:inherit; transform:rotate(-270deg);}
.pro_img .swiper-button-next:after,.pro_img .swiper-button-prev:after{ font-size:14px;}
.pro_img .swiper-button-next:hover,.pro_img .swiper-button-prev:hover{ background:#c00000; color:#fff;}
.pro_infor{ width:31.5%; float:right;}
.pro_infor h3{ font-size:22px; font-weight:bold; line-height:1.2; padding-bottom:10px;}
.pro_infor h3 font{ font-weight:bold; font-size:36px; display:block;}
.pro_infor .txt{ font-size:14px; color:#828282; line-height:2.142857142857143; padding:15px 0 0 0;}
.pro_infor .txt p em{ margin-right:14px;}
.pro_infor .buts{ padding:40px 0 0 0;}
.pro_infor .buts a{ border-radius:1000px; font-size:14px; color:#fff; background:#8c8c8c; line-height:40px; padding:0 45px; margin-right:10px;}
.pro_infor .buts a.a1{ background:#a21212;}
.pro_infor .buts a:hover{ filter:alpha(opacity=.9); opacity:.9;}
.pro_tab{ background:url(../images/bg3.jpg) 0 0 no-repeat; background-size:cover; overflow:hidden; padding:3.7% 2% 0 2%;}
.pro_tab li{ font-size:18px; color:#fff; line-height:3.333333333333333; background:rgba(255,94,94,.4); display:inline-block; margin-right:8px; padding:0 50px; transition:all 0.6s; cursor:pointer; border-radius:5px 5px 0 0;}
.pro_tab li:last-child{ margin-right:0;}
.pro_tab li.on,.pro_tab li:hover{ background:#fff; color:#a21212; font-weight:bold;}
.pro_show .pro_c{ padding:25px 2% 0 2%;}
.pro_show .pro1_lf{ width:57%; text-align:left; line-height:1.5; font-size:16px;}
.pro_show .pro1_tab th{ background:#fff; padding:7px 6%; font-weight:500; width:50%;}
.pro_show .pro1_tab td{ background:#fff; padding:7px 6%; width:50%;}
.pro_show .pro1_rt{ width:41%;}
.pro_show .pro_txt{ font-size:16px; line-height:2.4375;}
.pro_c table{ max-width:100%; width:95%; border-top:#000000 solid 1px !important; border-right:#000000 solid 1px !important;}
.pro_c table th{ font-size:16px; line-height:35px; text-align:center; font-weight:500;}
.pro_c table tr td{ border-left:#000000 solid 1px !important; border-bottom:#000000 solid 1px !important; font-size:16px; line-height:35px; text-align:center;}

.com li .pic_w img{ display:block; transition:all 0.6s; height:100%;}
.com li.hover .pic_w img{ transform:scale(1.05);}

.page_w{ padding-top:5.298013245033113%; justify-content: center;}
.page a,.page em,.p_txt{ display:inline-block; background:#fff; border:1px solid #e2e2e2; font-size:14px; line-height:52px; padding:0 20px; margin-right:10px; border-radius:3px;}
.p_txt{ width:80px; text-align:center; margin:0 0 0 10px;}
.page a.cur,.page a:hover,.p_inbut{ background:#c00000; border-color:#c00000; color:#fff; cursor:pointer;}

/*foot style*********************************************************************/
.footer{ width:100%; background:#ebebeb; padding:65px 0 50px 0; overflow:hidden;}
.foot1{ padding-bottom:50px;}
.footer ul{ width:50%;}
.footer ul li span{ display:block; margin:0 0 10px 0; font-size:16px; color:#323232; line-height:26px; position:relative; font-weight:bold;}
.footer ul li a{ color:#323232;}
.footer ul li p{ color:#323232; line-height:2.142857142857143; font-size:14px;}
.footer ul li p font{ color:#b80000; cursor:pointer;}
.footer .f_infor{ width:31.5%;}
.footer .f_infor em{ display:block; font-size:30px; color:#323232; font-family:"impact"; line-height:1.055555555555556; margin-bottom:10px;}
.footer .f_infor p{ font-size:14px; color:#323232; line-height:1.714285714285714;}
.footer .f_infor font{ padding-left:15px;}
.footer .f_ewm{ width:120px; margin-top:5px;}
.footer .f_ewm img{ display:block; width:100%;}
.foot{ font-size:14px; line-height:2.142857142857143;}
.foot em{ color:#323232;}
.footer a:hover{ color:#a21212;}

.recruit{ overflow:hidden;}
.recruit_s{ width:102.28%}
.recruit_s_1{ width:31.0533333%; margin:2.28% 2.28% 0 0; border-bottom:4px solid #b12a2a; position:relative;}
.r_intxt{ width:100%; border:none; font-size:15px; line-height:45px; padding:0 15px; background:none; height:45px; color:#323232;}
.r_sel{ background:url(../images/point3.png) 97% center no-repeat; background-size:9px 5px;}
.r_inbut{ position:absolute; right:15px; top:50%; margin-top:-8px; cursor:pointer; border:none; background:url(../images/search.png) 0 0 no-repeat; background-size:100%; width:16px; height:16px;}
.recruit ul{ width:102.28%;}
.recruit ul li{ width:31.0533333%; margin:2.28% 2.28% 0 0; position:relative;}
.recruit ul li .txt{ border:1px solid #e6e6e6; padding:0 5.44%;}
.recruit ul li .txt h3{ border-bottom:1px solid #e5e5e5; font-size:20px; font-weight:bold; color:#3d3d3d; line-height:30px; padding:17px 0 15px 0; margin-bottom:20px;}
.recruit ul li .txt h4{ font-weight:500; font-size:14px; line-height:24px; color:#484848; padding:5px 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.recruit ul li .txt p{ padding:5px 0;}
.recruit ul li .txt p em{ width:50%; display:inline-block; color:#484848; font-size:14px;}
.recruit ul li .txt span{ display:block; border-top:1px solid #e5e5e5; padding:20px 0 22px 0; margin-top:20px;}
.recruit ul li .txt span a,.r_btn{ display:inline-block; margin-right:10px; line-height:32px; border-radius:1000px; border:1px solid #dcdcdc; color:#a21212; font-size:14px; padding:0 25px;}
.recruit ul li .txt span a:hover,.recruit ul li .txt span a:last-child,.r_btn{ color:#fff; background:#a21212; border-color:#a21212;}
.recruit ul li.hover .txt h3{ color:#a21212;}

.pop{ width:100%;}
.recruit_pop_c{ background:#fff; position:fixed; border-radius:20px; max-width:980px; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); padding:0;}
.recruit_pop_c .r_tit{ font-size:24px; color:#000; line-height:2; padding:5px 0;}
.recruit_pop_c .txt_c{ max-height:380px; padding-right:2%;}
.recruit_pop_c .txt{ line-height:1.785714285714286; padding:15px 0; max-height:99999999px;}
.recruit_pop_c .txt p{ font-size:14px; color:#555;}
.recruit_pop_c .txt p b{ color:#000;}
.r_btn{ margin-top:40px;}
.r_btn:hover{ color:#fff;}

.scroll{ overflow-y:auto;}
.scroll::-webkit-scrollbar-track{ border-radius:999px; background:rgba(0,1,3,.26);}
.scroll::-webkit-scrollbar-thumb{ background:#a21212; border-radius:999px; min-height:20px;}
.scroll::-webkit-scrollbar{ width:3px; height:3px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}

.culture_list{ width:102.2%; padding-top:30px;}
.culture_list li{ width:22.8%; border:1px solid #e9e9e9; padding:4.2% 2.6%; margin:2.2% 2.2% 0 0; transition:all 0.6s;}
.culture_list li i{ display:block; width:80px; height:80px; background:url(../images/ico1.png) 0 0 no-repeat; background-size:200%; transition:all 0.6s;}
.culture_list li i.i1{ background-position:0 0;}
.culture_list li i.i2{ background-position:0 -80px;}
.culture_list li i.i3{ background-position:0 -160px;}
.culture_list li i.i4{ background-position:0 -240px;}
.culture_list li i.i5{ background-position:0 -320px;}
.culture_list li i.i6{ background-position:0 -400px;}
.culture_list li i.i7{ background-position:0 -480px;}
.culture_list li i.i8{ background-position:0 -560px;}
.culture_list li em{ display:block; font-size:24px; font-weight:bold; color:#555; line-height:65px; padding-bottom:3px; position:relative;}
.culture_list li em:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:35px; height:3px; background:#747474; font-size:0; overflow:hidden; z-index:5;}
.culture_list li .txt{ font-size:16px; line-height:1.5; color:#555; margin-top:25px;}
.culture_list li .txt p{ color:#555;}
.culture_list li.hover{ background:#a21212; border-color:#a21212;}
.culture_list li.hover em{ color:#fff;}
.culture_list li.hover em:after{ background:#fff;}
.culture_list li.hover .txt{ color:#fff;}
.culture_list li.hover .txt p{ color:#fff;}
.culture_list li.hover i.i1{ background-position:-80px 0;}
.culture_list li.hover i.i2{ background-position:-80px -80px;}
.culture_list li.hover i.i3{ background-position:-80px -160px;}
.culture_list li.hover i.i4{ background-position:-80px -240px;}
.culture_list li.hover i.i5{ background-position:-80px -320px;}
.culture_list li.hover i.i6{ background-position:-80px -400px;}
.culture_list li.hover i.i7{ background-position:-80px -480px;}
.culture_list li.hover i.i8{ background-position:-80px -560px;}


.download_list{ width:100%; margin-top: 50px;}
.download_list li{ width:100%; border-bottom:1px solid #dcdcdc; line-height: 50px; margin-bottom: 10px;}
.download_list li .txt{ height:35px; line-height:35px; overflow:hidden; width:91%; float:left;}
.download_list li h3{ font-size:16px; color:#393939;}
.download_list li p{ font-size:16px; color:#5a5a5a; line-height:29px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.download_list li .more{ display:inline-block; color:#fff; border-radius:1000px; background:#a21212; font-size:16px; line-height:2.285714285714286; padding:0 34px;}
.download_list li .more:hover{ background:#ff0101;}
.download_list li .pic{ margin-top:35px;}